<template>
	<view>
		<cu-custom bgColor="bg-cyan" isBack>
			<block slot="content">checkbox多选框</block>
		</cu-custom>
		<view class="smart-panel-head">
			<view class="smart-panel-head-title">
				checkbox多选框
				</view>
				</view>
	<view class="smart-padding-wrap">
		<view class="uni-title uni-common-mt">默认样式</view>
					<view>
						<checkbox-group>
							<label>
								<checkbox value="cb" checked="true" />选中
							</label>
							<label>
								<checkbox value="cb" />未选中
							</label>
						</checkbox-group>
					</view>
					<view class="uni-title uni-common-mt">不同颜色和尺寸的checkbox</view>
					<view>
						<checkbox-group>
							<label>
								<checkbox value="cb" checked="true" color="#FFCC33" style="transform:scale(0.7)" />选中
							</label>
							<label>
								<checkbox value="cb" color="#FFCC33" style="transform:scale(0.7)" />未选中
							</label>
						</checkbox-group>
					</view>
				</view>
				
				<view class="uni-padding-wrap">
					<view class="uni-title uni-common-mt">
						推荐展示样式
						<text>\n使用 uni-list 布局</text>
					</view>
				</view>
	</view>
	</view>
</template>

<script>
</script>

<style>
</style>